<template>
  <div class="about-page">
    <h2>个人简介</h2>
    <p>这是一个基于 Vue 3 开发的 TodoList 示例项目，用于演示：</p>
    <ul>
      <li>Vue 3 组合式 API（Script Setup）</li>
      <li>Pinia 状态管理（用户登录状态）</li>
      <li>Vue Router 路由守卫（权限控制）</li>
      <li>组件化开发（拆分多个功能组件）</li>
    </ul>
  </div>
</template>

<script setup>
</script>

<style scoped>
.about-page {
  padding: 20px;
}
h2 {
  color: #333;
  margin-bottom: 10px;
}
ul {
  list-style: disc;
  margin-left: 20px;
  color: #666;
  line-height: 1.8;
}
</style>